<template>
  <div>
    <h1>这里是首页</h1>
    <button @click="queryData">查询</button>
  </div>
</template>

<script>
export default {
  name: "Home",
  created() {
    // 添加请求拦截器
    this.$axios.interceptors.request.use(config => {
      // 在发送请求之前做些什么
      //判断是否存在token，如果存在将每个页面header都添加token
      console.log("请求拦截器响应！！！！");
      config.headers.token = window.localStorage.getItem("token");
      return config;
    }, error => {
      // 对请求错误做些什么
      return Promise.reject(error);
    });
  },
  methods: {
    queryData() {
      this.$axios
          .get('http://localhost:8888/query')
          .then(response => {
            console.log(response.data);
          }).catch(() => {
            this.$message.error("token已经过期或为空，请重新登录", 1.0)
            this.$router.push("/login")
      });

    }
  }
}
</script>

<style scoped>

</style>
